import React from "react";

export const LandingHeroSupabaseIcon = (
  props: React.SVGProps<SVGSVGElement>,
) => (
  <svg
    width={64}
    height={64}
    viewBox="0 0 64 64"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <g
      opacity={0.5}
      className="hidden dark:block"
      filter="url(#filter0_f_1305_2751)"
    >
      <path
        d="M33.903 43.5872C33.2794 44.3865 32.015 43.9486 32 42.9279L32 28H41.8615C43.6476 28 44.6438 30.0999 43.5332 31.5237L33.903 43.5872Z"
        fill="url(#paint0_linear_1305_2751)"
      />
      <path
        d="M33.903 43.5872C33.2794 44.3865 32.015 43.9486 32 42.9279L32 28H41.8615C43.6476 28 44.6438 30.0999 43.5332 31.5237L33.903 43.5872Z"
        fill="url(#paint1_linear_1305_2751)"
        fillOpacity={0.2}
      />
      <path
        d="M30.0772 20.4128C30.7073 19.6134 31.9848 20.0514 32 21.0721L32 36H22.1608C20.356 36 19.3495 33.9001 20.4717 32.4763L30.0772 20.4128Z"
        fill="#3ECF8E"
      />
    </g>
    <path
      d="M33.903 43.5872C33.2794 44.3865 32.015 43.9486 32 42.9279L32 28H41.8615C43.6476 28 44.6438 30.0999 43.5332 31.5237L33.903 43.5872Z"
      fill="url(#paint2_linear_1305_2751)"
    />
    <path
      d="M33.903 43.5872C33.2794 44.3865 32.015 43.9486 32 42.9279L32 28H41.8615C43.6476 28 44.6438 30.0999 43.5332 31.5237L33.903 43.5872Z"
      fill="url(#paint3_linear_1305_2751)"
      fillOpacity={0.2}
    />
    <path
      d="M30.0772 20.4128C30.7073 19.6134 31.9848 20.0514 32 21.0721L32 36H22.1608C20.356 36 19.3495 33.9001 20.4717 32.4763L30.0772 20.4128Z"
      fill="#3ECF8E"
    />
    <defs>
      <filter
        id="filter0_f_1305_2751"
        x={12}
        y={12}
        width={40}
        height={40}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={4}
          result="effect1_foregroundBlur_1305_2751"
        />
      </filter>
      <linearGradient
        id="paint0_linear_1305_2751"
        x1={32}
        y1={31.3099}
        x2={40.8104}
        y2={34.9401}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#249361" />
        <stop offset={1} stopColor="#3ECF8E" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_1305_2751"
        x1={28.1143}
        y1={25.8947}
        x2={32.2228}
        y2={33.493}
        gradientUnits="userSpaceOnUse"
      >
        <stop />
        <stop offset={1} stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint2_linear_1305_2751"
        x1={32}
        y1={31.3099}
        x2={40.8104}
        y2={34.9401}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#249361" />
        <stop offset={1} stopColor="#3ECF8E" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_1305_2751"
        x1={28.1143}
        y1={25.8947}
        x2={32.2228}
        y2={33.493}
        gradientUnits="userSpaceOnUse"
      >
        <stop />
        <stop offset={1} stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
